<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
  <head>
    <title>RegisterPlace</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/estilo.css">
    <script type="text/javascript" src="js/javascript.js"></script>
    
  </head>
 
  <body>

    <div class="cabecera">
      <h1 align="center">FESTIVAL REGISTRATION SYSTEM</h1>
    </div>

    <div id="login-overlay" class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
              <h4 class="modal-title" id="myModalLabel">Enter place information</h4>
          </div>
          <div class="modal-body">
              
              <form id="loginForm" name="myForm" method="POST" action="registerplace.htm" onSubmit="return checkMe()">
                    <div class="form-group">
                         <label for="eventname" class="control-label">Place name</label>
                          <input type="text" class="form-control" id="placename" name="placename" value="" required="" maxlength="45" placeholder="Please enter place name">
                          <span class="help-block"></span>
                    </div>

                    <div class="form-group">
                         <label for="eventdescription" class="control-label">Place description</label>
                          <input type="text" class="form-control" id="placedescription" name="placedescription" value="" required="" maxlength="45" placeholder="Please enter place description">
                          <span class="help-block"></span>
                    </div>

                    <div class="form-group">
                          <label for="availabletickets" class="control-label">Place capacity</label>
                          <input type="text" class="form-control" id="capacityplace" name="capacityplace" value="" onkeypress="return justNumbers(event);" required="" placeholder="Please enter capacity place" min="0">
                          <span class="help-block"></span>
                      </div>

                     <div class="form-group">
                          <label for="placezone" class="control-label">Place zone</label>
                          <select name="placezones">
                              <option class="north">NORTH</option> 
                              <option class="south">SOUTH</option>
                          </select>
          
                      </div>

                      <div class="form-group">
                          <label for="placetype" class="control-label">Place type</label>
                          <select name="placetypes">
                              <option class="lbusiness">LBusiness</option> 
                              <option class="museum">Museum</option>
                              <option class="park">Park</option>
                              <option class="stadium">Stadium</option>
                              <option class="theater">Theater</option>
                              <option class="tattraction">TAttraction</option>
                              <option class="tmarket">TMarket</option>
                              <option class="zoo">Zoo</option>
                          </select>
                      </div>
                    
                        <div id="loginErrorMsg" class="alert alert-error hide">Wrong username og password</div>
                        <button type="submit" class="btn btn-success btn-block">Add New Place</button>
                              
                </form>
          </div>
      </div>
    </div>

    <div class="imgdiv">
      <img class="img">
    </div>

  </body>
</html>